<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>基本资料</title>
        <meta name="renderer" content="webkit" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1, maximum-scale=1"
        />
        <link
            rel="stylesheet"
            href="../lib/layui-v2.6.3/css/layui.css"
            media="all"
        />
        <link rel="stylesheet" href="../css/public.css" media="all" />
        <style>
            .layui-form-item .layui-input-company {
                width: auto;
                padding-right: 10px;
                line-height: 38px;
            }
        </style>
    </head>
    <body>
        <div class="layuimini-container">
            <div class="layuimini-main">
                <div class="layui-form layuimini-form">
                    <div class="layui-form-item">
                        <label class="layui-form-label required"
                            >管理账号</label
                        >
                        <div class="layui-input-block">
                            <input
                                type="text"
                                name="userName"
                                value="admin"
                                class="layui-input"
                                disabled
                            />
                            <input type="hidden" name="userId" />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户昵称</label>
                        <div class="layui-input-block">
                            <input
                                type="text"
                                name="nickName"
                                placeholder="用户昵称"
                                value=""
                                class="layui-input"
                            />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">性别</label>
                        <div class="layui-input-block">
                            <input
                                type="radio"
                                name="sex"
                                value="0"
                                title="男"
                                checked=""
                            />
                            <input
                                type="radio"
                                name="sex"
                                value="1"
                                title="女"
                            />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label required">手机</label>
                        <div class="layui-input-block">
                            <input
                                type="number"
                                name="phone"
                                lay-verify="required"
                                lay-reqtext="手机不能为空"
                                placeholder="请输入手机"
                                value=""
                                class="layui-input"
                            />
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">邮箱</label>
                        <div class="layui-input-block">
                            <input
                                type="email"
                                name="email"
                                placeholder="请输入邮箱"
                                value=""
                                class="layui-input"
                            />
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">备注信息</label>
                        <div class="layui-input-block">
                            <textarea
                                name="remark"
                                class="layui-textarea"
                                placeholder="请输入备注信息"
                            ></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button
                                class="layui-btn layui-btn-normal"
                                lay-submit
                                lay-filter="saveBtn"
                            >
                                确认保存
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
        <script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
        <script>
            layui.use(["form", "miniTab", "jquery"], function () {
                var $ = layui.jquery,
                    form = layui.form,
                    layer = layui.layer,
                    miniTab = layui.miniTab;

                $.ajax({
                    url: "/sys-user/currUser",
                    type: "post",
                    async: false,
                    success: function (result) {
                        if (result.success) {
                            let data = result.data.sysUser;
                            $("[name='userId']").val(data.userId);
                            $("[name='userName']").val(data.userName);
                            $("[name='nickName']").val(data.nickName);
                            $("[name='phone']").val(data.phone);
                            $("[name='email']").val(data.email);
                            $("[name='remark']").val(data.remark);

                            $(`[name='sex'][value=${data.sex}]`).attr(
                                "checked",
                                true
                            );
                            form.render("radio");
                        }
                    },
                });

                //监听提交
                form.on("submit(saveBtn)", function (data) {
                    let reqData = { ...data.field };
                    layer.confirm("确认提交？", function (index) {
                        $.ajax({
                            url: "/sys-user/modifyBasicInfo",
                            type: "post",
                            async: false,
                            data: JSON.stringify(reqData),
                            contentType: "application/json",
                            success: function (result) {
                                if (result.success) {
                                    layer.msg(
                                        result.msg,
                                        { icon: 1, time: 1000 },
                                        function () {
                                            miniTab.deleteCurrentByIframe();
                                        }
                                    );
                                } else {
                                    layer.msg(result.msg, {
                                        icon: 2,
                                        time: 3000,
                                    });
                                }
                            },
                        });
                    });
                    return false;
                });
            });
        </script>
    </body>
</html>
